@import "../../app.less";
page{
    background-color: #FAF0EF;
    padding-bottom: @tabbar_height + 100;
}

.banner{
    width: 100%;
    height: 880px;
}

.treatmentCategory{
    margin-top: 35px;
    width: 100%;
    height: 320px;
    .header{
        width:66%;
        height:40px;
        margin:0 auto;
        margin-top: 50px;
        .line{
            width: 100%;
            height: 3px;
            margin-top: 10px;
            background-color: #fffffe;
            .text{    
                background-color: #f7f1f0;
                /* border:1px solid #000; */
                width: 170px;
                text-align: center;
                margin: 0 auto;
                color: #D1A8A8;
                position: relative;
                font-size: 34px;
                top: -20px;
                font-weight: 450;
                letter-spacing:3px;
            }
        }
    }

    .category{
        width: 90%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        height: 200px;
        .item{
            display: flex;
            justify-content: center;
            flex-direction: column;
            .img{
                width: 160px;
                height: 160px;
            }

            .txt{
                text-align: center;
                font-size: 22px;
                color:#8c7776;
            }
        }
    }
}

.treatments{
    margin-top: 25px;
    width: 100%;
    
    .header{
        width:66%;
        height:40px;
        margin:0 auto;
        margin-top: 10px;
        .line{
            width: 100%;
            height: 3px;
            margin-top: 10px;
            background-color: #fffffe;
            .text{
                background-color: #f7f1f0;
                width: 170px;
                text-align: center;
                margin: 0 auto;
                color: #D1A8A8;
                position: relative;
                font-size: 34px;
                top: -20px;
                font-weight: 450;
                letter-spacing:3px;
            }
        }
    }

    .more{
        width: 105px;
        height: 40px;
        color:white;
        background-color: #D1A8A8;
        border-radius: 10px;
        margin-left: 610px;
        margin-top: 10px;
        margin-bottom: 20px;
        text-align: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        letter-spacing:3rpx;
        font-size: 24px;
        font-weight: 500;

        .txt{
            margin-left:10rpx;
        }

        .img{
            width: 30px;
            height: 30px;
        }
    }

    .treatment{
        width: 95%;
        margin: 40px auto;
        margin-bottom: 80px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}